<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>出入异常记录</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link href="/door/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../../../backend/javascript/laydate/need/laydate.css">
    <link href="../../../css/main_pc.css" rel="stylesheet">
    <link href="/door/front_end/pc/teacher/css/main_teacher.css" rel="stylesheet">
    <script src="/door/js/jquery.min.js"></script>
    <script src="/door/js/bootstrap.min.js"></script>
	<script src="/door/js/pagination.js"></script>
    <script src="/door/js/DateUtils.js"></script>
    <script src="../../../backend/javascript/laydate/laydate.js"></script>
    <script src="../../../backend/javascript/layer/layer.js"></script>
    <script src="/door/front_end/pc/teacher/js/left-nav-height.js"></script>
	<script src="/door/front_end/pc/teacher/js/record_pc_teacher.js"></script>
</head>
<body>
<!--header-->
<nav class="navbar navbar-default nav-main" role="navigation">
    <div class="container">
        <div class="navbar-header">
            <a class="navbar-brand" href="#">
                <img class="fl" src="../../../images/img_logo_02.png" alt="logo">
                <span class="fl logo-title">校园门禁系统</span>
            </a>
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav navbar-right right-height">
                <li class="">
                    <span>老师姓名：</span>
                    <span id="teacher_name"></span>
                </li>
                <li class="">
                    <span>班级：</span>
                    <span id="teacher_class"></span>
                </li>
                <li>
                    <button class="exit-btn">退出</button>
                </li>
            </ul>
        </div>
    </div>
</nav>
<!--#end header-->

<!--start article-->
<article class="container">
    <h1></h1>
    <!--start content-->
    <form role="form" class="row">
        <!--start left-hurdle-->
        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
            <div class="t-left left-nav">
                <ul class="text-center">
                    <li>
                        <a href="apply.approvePC_teacher.html">外出申请审批</a>
                    </li>
                    <li class="examine">
                        <a href="record.outPC_teacher.html">学生刷卡记录</a>
                    </li>
                    <li>
                        <a href="apply.otherApprovePC_teacher.html">其他审批</a>
                    </li>
                </ul>
            </div>
        </div>
        <!--#end left-hurdle-->

        <!--start right-hurdle-->
        <div class="col-lg-9 col-md-9 col-sm-9 col-xs-9 right-detail">
            <!-- Nav -->
            <ul class="nav navBar">
                <li class="col-sm-4 text-center">
                    <a href="record.outPC_teacher.html">出门记录</a>
                </li>
                <li class="col-sm-4 text-center">
                    <a href="record.backPC_teacher.html">进门记录</a>
                </li>
                <li class="col-sm-4 text-center" style="border-bottom: 2px solid #2ca4ec;"  id="type" value=3>
                    <a href="">异常出入记录</a>
                </li>
            </ul><!--#end nav-->

            <!--date-->
            <div class="title-panel text-center time-align">
                <label for="date-start">开始时间：</label>
                <input id="date-start" class="laydate-icon">
                <label for="date-end">结束时间：</label>
                <input id="date-end" class="laydate-icon">
            </div><!--#end date-->

            <!--start select-->
            <!--<div class="form-group fr class-room">-->
                <!--<label>班级：</label>-->
                <!--<select>-->
                    <!--<option value="高三1班">高三1班</option>-->
                    <!--<option value="高三2班">高三2班</option>-->
                    <!--<option value="高三3班">高三3班</option>-->
                    <!--<option value="高三4班">高三4班</option>-->
                    <!--<option value="高三5班">高三5班</option>-->
                    <!--<option value="高三6班">高三6班</option>-->
                    <!--<option value="高三7班">高三7班</option>-->
                <!--</select>-->
            <!--</div>-->
            <!--#end select-->

            <div class="form-group seek-name">
                <input type="text" placeholder="输入学生姓名" class="seek-box fl">
                <button class="btn btn-primary search-btn">搜索</button>
            </div>

            <!--Nav tabs-->
            <table class="go-out"  id="unusual">
                <tr>
                    <td>大明</td>
                    <td>出校</td>
                    <td>2016-12-18 15:44:16</td>
                </tr>
                <tr>
                    <td>大明</td>
                    <td>进校</td>
                    <td>2016-12-18 15:44:16</td>
                </tr>
                <tr>
                    <td>大明</td>
                    <td>出校</td>
                    <td>2016-12-18 15:44:16</td>
                </tr>
                <tr>
                    <td>大明</td>
                    <td>进校</td>
                    <td>2016-12-18 15:44:16</td>
                </tr>
                <tr>
                    <td>大明</td>
                    <td>进校</td>
                    <td>2016-12-18 15:44:16</td>
                </tr>
            </table>
            <!--end Nav tabs-->

            <nav class="pagination-table col-sm-12 col-xs-12">
                <ul class="pager">
                    <li class=""><a href="#">首页</a></li>
                    <li class=""><a href="#">&laquo;</a></li>
                    <li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">4</a></li>
                    <li><a href="#">5</a></li>
                    <li><a href="#">&raquo;</a></li>
                    <li class=""><a href="#">末页</a></li>
                </ul>
            </nav>

        </div><!--#end right-hurdle-->

    </form><!--#end content-->
</article>
<!--#end article-->

<footer class="container-fluid text-center">
    <div class="f-bottom">
        <p>©广东省华侨职业技术学校 粤ICP备 0508538号</p>
    </div>
</footer>

</body>
</html>